<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Student</title>
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/ccs.css" >
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/Student.js"></script>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        
        $(function() { 
            var string = window.location.href;
            var userId = string.substring(string.indexOf("=")+1);
            // console.log(userId);
            window.userId = userId;
            console.log(window.userId);
            $.ajax({
                url: "https://dlnu-ljq.cn.utools.club/course/table/" + userId,
                type: "get",
                dataType: "json",
                contentType: 'application/json',
                crossDomain: true,
                asyn: "false",
                success: function(res){
                    console.log(res);
                    var course = "<style>.divider{width:1%;line-height: 50px;background-color: #d9edf7;}</style>";
                    for(var i=0;i<12;i++) {
                        if(i == 0 ){
                            course += "<tr> <td rowspan=4 class=" + "divider" + ">上午</td> <td class=" + "innum" + ">第一节（08:30 — 09:10）</td>"
                        } else if (i == 1) {
                            course += "<tr> <td class=" + "innum" + ">第二节（09:20 — 10:00）</td>"
                        } else if (i == 2) {
                            course += "<tr> <td class=" + "innum" + ">第三节（09:20 — 10:00）</td>"
                        } else if (i == 3) {
                            course += "<tr> <td  class=" + "innum" + ">第四节（09:20 — 10:00）</td>"
                        } else if (i == 4) {
                            course += "<tr class=" + "warning" + "><td colspan=" + "9" + ">午休</td></tr> <tr> <td rowspan=4 class=" + "divider" + ">下午</td> <td class=" + "innum" + ">第五节（08:30 — 09:10）</td>"
                        } else if (i == 5) {
                            course += "<tr> <td class=" + "innum" + ">第六节（09:20 — 10:00）</td>"
                        } else if (i == 6) {
                            course += "<tr> <td class=" + "innum" + ">第七节（09:20 — 10:00）</td>"
                        } else if (i == 7) {
                            course += "<tr> <td class=" + "innum" + ">第八节（09:20 — 10:00）</td>"
                        } else if (i == 8) {
                            course += " <tr class=" + "warning" + "><td colspan=" + "9" + ">晚休</td> </tr> <tr> <td rowspan=4 class=" + "divider" + ">晚上</td> <td class=" + "innum" + ">第九节（08:30 — 09:10）</td>"
                        } else if (i == 9) {
                            course += "<tr> <td class=" + "innum" + ">第十节（09:20 — 10:00）</td>"
                        } else if (i == 10) {
                            course += "<tr> <td class=" + "innum" + ">第十一节（09:20 — 10:00）</td>"
                        } else if (i == 11) {
                            course += "<tr> <td class=" + "innum" + ">第十二节（09:20 — 10:00）</td>"
                        }
                        for (var j=0;j<7;j++){
                            if (i%2 == 0) {
                                var num = i/2;
                            } else {
                                var num = (i - 1)/2;
                            }
                            if(res.data[j][num] != null) {
                                course += " <td>" + res.data[j][num] + "</td>";
                            } else {
                                course += " <td></td>"
                            } 
                        }
                        course += " </tr>"
                    }
                    console.log(course);
                    document.getElementById("course-list5").innerHTML = course;
                }
            })
        }) 
        function onCourse() {
            $.ajax({
                url: "https://dlnu-ljq.cn.utools.club/course/table/" + window.userId,
                type: "get",
                dataType: "json",
                contentType: 'application/json',
                crossDomain: true,
                asyn: "false",
                success: function(res){
                    console.log(res);
                    var course = "<style>.divider{width:1%;line-height: 50px;background-color: #d9edf7;}</style>";
                    for(var i=0;i<12;i++) {
                        if(i == 0 ){
                            course += "<tr> <td rowspan=4 class=" + "divider" + ">上午</td> <td class=" + "innum" + ">第一节（08:30 — 09:10）</td>"
                        } else if (i == 1) {
                            course += "<tr> <td class=" + "innum" + ">第二节（09:20 — 10:00）</td>"
                        } else if (i == 2) {
                            course += "<tr> <td class=" + "innum" + ">第三节（09:20 — 10:00）</td>"
                        } else if (i == 3) {
                            course += "<tr> <td  class=" + "innum" + ">第四节（09:20 — 10:00）</td>"
                        } else if (i == 4) {
                            course += "<tr class=" + "warning" + "><td colspan=" + "9" + ">午休</td></tr> <tr> <td rowspan=4 class=" + "divider" + ">下午</td> <td class=" + "innum" + ">第五节（08:30 — 09:10）</td>"
                        } else if (i == 5) {
                            course += "<tr> <td class=" + "innum" + ">第六节（09:20 — 10:00）</td>"
                        } else if (i == 6) {
                            course += "<tr> <td class=" + "innum" + ">第七节（09:20 — 10:00）</td>"
                        } else if (i == 7) {
                            course += "<tr> <td class=" + "innum" + ">第八节（09:20 — 10:00）</td>"
                        } else if (i == 8) {
                            course += " <tr class=" + "warning" + "><td colspan=" + "9" + ">晚休</td> </tr> <tr> <td rowspan=4 class=" + "divider" + ">晚上</td> <td class=" + "innum" + ">第九节（08:30 — 09:10）</td>"
                        } else if (i == 9) {
                            course += "<tr> <td class=" + "innum" + ">第十节（09:20 — 10:00）</td>"
                        } else if (i == 10) {
                            course += "<tr> <td class=" + "innum" + ">第十一节（09:20 — 10:00）</td>"
                        } else if (i == 11) {
                            course += "<tr> <td class=" + "innum" + ">第十二节（09:20 — 10:00）</td>"
                        }
                        for (var j=0;j<7;j++){
                            if (i%2 == 0) {
                                var num = i/2;
                            } else {
                                var num = (i - 1)/2;
                            }
                            if(res.data[j][num] != null) {
                                course += " <td>" + res.data[j][num] + "</td>";
                            } else {
                                course += " <td></td>"
                            } 
                        }
                        course += " </tr>"
                    }
                    console.log(course);
                    document.getElementById("course-list2").innerHTML = course;
                    $.ajax({
                        url: "https://dlnu-ljq.cn.utools.club/course/" + window.userId,
                        type: "get",
                        dataType: "json",
                        contentType: 'application/json',
                        crossDomain: true,
                        asyn: "false",
                        success: function(res){
                            console.log(res);
                            var courseAll = "";
                            for(var i=0;i<res.data.length;i++) {
                                for (var j=0;j<res.data[i].courseArranges.length;j++){
                                    courseAll += "<tr> <td><input type=" + "checkbox" + " value=" + res.data[i].courseId + " name=" + "check" + "></td>"
                                    courseAll += " <td>" + res.data[i].courseId + "</td>";
                                    courseAll += " <td>" + res.data[i].courseName + "</td>";
                                    courseAll += " <td>" + res.data[i].maxCount + "</td>";
                                    courseAll += " <td>" + res.data[i].nowCount + "</td>";
                                    courseAll += " <td>" + res.data[i].credit + "</td>";
                                    courseAll += " <td>" + res.data[i].teacherName + "</td>";
                                    courseAll += " <td>" + res.data[i].courseArranges[j].weeks + "</td>";
                                    courseAll += " <td>" + res.data[i].courseArranges[j].week + "</td>";
                                    courseAll += " <td>" + res.data[i].courseArranges[j].session + "</td>";
                                    courseAll += " <td>" + res.data[i].courseArranges[j].sectionNumber + "</td>";
                                    courseAll += " <td>" + res.data[i].courseArranges[j].teacherBuilding + "</td>";                            
                                    courseAll += " <td>" + res.data[i].courseArranges[j].classroom + "</td>  </tr>";
                                }
                            }
                            console.log(courseAll);
                            document.getElementById("course-list1").innerHTML = courseAll;
                        }
                    })
                }
            })
            
        }
        function onChooseCourse() {
            $.ajax({
                url: "https://dlnu-ljq.cn.utools.club/course/select/" + window.userId + "/0",
                type: "get",
                dataType: "json",
                contentType: 'application/json',
                crossDomain: true,
                asyn: "false",
                success: function(res){
                    var courseAll = "";
                        for(var i=0;i<res.data.length;i++) {
                            for (var j=0;j<res.data[i].courseArranges.length;j++){
                                courseAll += "<tr> <td><input type=" + "checkbox" + " value=" + res.data[i].courseId  + " name=" + "check" +  "></td>"
                                courseAll += " <td>" + res.data[i].courseId + "</td>";
                                courseAll += " <td>" + res.data[i].courseName + "</td>";
                                courseAll += " <td>" + res.data[i].maxCount + "</td>";
                                courseAll += " <td>" + res.data[i].nowCount + "</td>";
                                courseAll += " <td>" + res.data[i].credit + "</td>";
                                courseAll += " <td>" + res.data[i].teacherName + "</td>";
                                courseAll += " <td>" + res.data[i].courseArranges[j].weeks + "</td>";
                                courseAll += " <td>" + res.data[i].courseArranges[j].week + "</td>";
                                courseAll += " <td>" + res.data[i].courseArranges[j].session + "</td>";
                                courseAll += " <td>" + res.data[i].courseArranges[j].sectionNumber + "</td>";
                                courseAll += " <td>" + res.data[i].courseArranges[j].teacherBuilding + "</td>";                            
                                courseAll += " <td>" + res.data[i].courseArranges[j].classroom + "</td>  </tr>";
                                }
                            }
                            console.log(courseAll);
                            document.getElementById("course-list3").innerHTML = courseAll;
                            $.ajax({
                url: "https://dlnu-ljq.cn.utools.club/course/select/" + + window.userId + "/1",
                type: "get",
                dataType: "json",
                contentType: 'application/json',
                crossDomain: true,
                asyn: "false",
                success: function(res){
                    var courseAll = "";
                            for(var i=0;i<res.data.length;i++) {
                                for (var j=0;j<res.data[i].courseArranges.length;j++){
                                    courseAll += "<tr> <td><input type=" + "checkbox" + " value=" + res.data[i].courseId + " name=" + "check" + "></td>"
                                    courseAll += " <td>" + res.data[i].courseId + "</td>";
                                    courseAll += " <td>" + res.data[i].courseName + "</td>";
                                    courseAll += " <td>" + res.data[i].maxCount + "</td>";
                                    courseAll += " <td>" + res.data[i].nowCount + "</td>";
                                    courseAll += " <td>" + res.data[i].credit + "</td>";
                                    courseAll += " <td>" + res.data[i].teacherName + "</td>";
                                    courseAll += " <td>" + res.data[i].courseArranges[j].weeks + "</td>";
                                    courseAll += " <td>" + res.data[i].courseArranges[j].week + "</td>";
                                    courseAll += " <td>" + res.data[i].courseArranges[j].session + "</td>";
                                    courseAll += " <td>" + res.data[i].courseArranges[j].sectionNumber + "</td>";
                                    courseAll += " <td>" + res.data[i].courseArranges[j].teacherBuilding + "</td>";                            
                                    courseAll += " <td>" + res.data[i].courseArranges[j].classroom + "</td>  </tr>";
                                }
                            }
                            console.log(courseAll);
                            document.getElementById("course-list4").innerHTML = courseAll;
                }
            })
                }
            })
        }
        function onChoose() {
            var obj = document.getElementsByName("check");
            var course = [];
            for(var i=0;i<obj.length;i++){
                if(obj[i].checked){
                    course.push(obj[i].value);
                }
            }
            let newArr =  Array.from(new Set(course));
            console.log(newArr);
            $.ajax({
                url: "https://dlnu-ljq.cn.utools.club/course/select",
                type: "post",
                dataType: "json",
                contentType: 'application/json',
                data: JSON.stringify({
                    courseId: newArr,
                    userId: window.userId
                }),
                crossDomain: true,
                asyn: "false",
                success: function(res){
                    console.log(res);
                    alert("选课成功！");
                    location.reload();
                }
            })
        }
    </script>
    
    
</head>
<body>
  <div id="one" class="container" >
    <img src="img/1.jpg" id="header-image">
    <h5  style="margin-right: 20px; margin-left: 18px; float: left; color: dimgray; line-height: 180%;">&nbsp;选课系统 &nbsp; &nbsp;<span class="glyphicon glyphicon-align-justify"></span></h5> 
    <form class="form-search" id="kuang" style="margin-right: 14px; margin-left: 20px; float: left; ">
        <input class=" input1" style=" width:300px; height: 16px; margin-top: 16px; border-radius: 8px; float:left;" type="text" />
    <h5 style="margin-left: 10px; float: left; color: rgba(145, 145, 145, 0.712); margin-top: 15px;"><span class="glyphicon glyphicon-search"></span></h5>
    </form>
    <h5 style="margin-right: 20px;  float: right; color: rgba(145, 145, 145, 0.712);  margin-top: 15px;"><span class="glyphicon glyphicon-folder-open" ></span></h4>
    <h5 style="margin-right: 25px; float: right; color: rgba(145, 145, 145, 0.712);  margin-top: 16px;"><span class="glyphicon glyphicon-bell" ></span></h4>
  </div>
    <div id="two" class="container">
        <div id="two1" class="container">
            <div id="menus" class="tabbable">
                <ul class=" nav nav-pills nav-stacked nav-tabs" style="border:0px;">
                    <li  role="presentation" class="fill active" ><a  data-toggle="pill" href="#xuan1">我的课表</a></li>
                    <li role="presentation" class="fill" ><a href="#xuan2" data-toggle="pill">选课公告</a></li>
                    <li  role="presentation" class="fill" onclick="onChooseCourse()"><a  data-toggle="pill" href="#xuan3">方案选课</a></li>
                    <li role="presentation" class="fill" onclick="onCourse()"><a href="#xuan4" data-toggle="pill">已选课程</a></li>
					<li role="presentation" class="fill"><a href="#xuan5" data-toggle="pill">课程核对</a></li>
                    <!-- <li role="presentation" class="fill"><a href="#xuan6" data-toggle="pill">退选课程</a></li> -->
                    <li role="presentation" class="fill"><a href="#xuan7" data-toggle="pill">培养方案</a></li>
                    <li role="presentation" class="fill" onclick="getInfo()"><a href="#xuan8" data-toggle="pill" >个人信息</a></li>
				</ul>
            </div>
        </div>
    </div>
    <div id="three" class="container">
        <div id="three1" class="tab-content">
            <div id="xuan1"  class="tab-pane fade in active" >
                    <blockquote style="margin: 0px; border-color: cadetblue;">
                         <small style="font-size: 1px; line-height: 5px;">课程表</small>
                    </blockquote>
                <div>
                    <table  bordercolor="#ccc" cellpadding="5" cellspacing="0" class="table table-bordered"   id="myclass">
                        <thead>
                            <tr class="active"> 
                                <th colspan="2"></th>
                                <th>周一</th>
                                <th>周二</th>
                                <th>周三</th>
                                <th>周四</th>
                                <th>周五</th>
                                <th>周六</th>
                                <th>周日</th>
                            </tr>
                        </thead>
                        <tbody id="course-list5">
                        </tbody>
                    </table>
                </div>
            </div>
            <div id="xuan2" class="tab-pane fade" > 
                <blockquote style="margin: 0px; border-color: cadetblue;">
                    <small style="font-size: 1px; line-height: 5px;">选课公告</small>
                </blockquote>
                <div class="xuanc hero-unit " contenteditable="true" style="margin: 2%; width: 96%;">
                    <p>各学院、各位同学：</p>
                    <p>根据学校教学工作安排，2020-2021学年第一学期的选课工作将于开学初进行，现将具体事项通知如下：</p>
                    <p>一、选课时间</p>
                    <p>（一）正选阶段选课时间安排：</p> 
                    <p><span style="color: red"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;专业课：9月2日（周一）上午10点至9月3日（周二）晚11点。</span></p>
                    <p><span style="color: red">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;通识教育选修课：9月5日（周四）上午10点至9月6日（周五）晚11点。</span></p>
                    <p>（二）补退选阶段时间安排（拟定）：</p>
                    <p><span style="color: red">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;专业课：9月11日（周三）至9月12日（周四）。</span></p>
                    <p><span style="color: red">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;通识教育选修课：9月13日（周五）至9月14日（周六）。</span></p>
                    <p><span style="color: red;background-color: yellow;font-weight: bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;补退选课具体安排以补退选课通知为准，通知将于补退选课开始前发布。</span></p>
                    <p>二、选课对象</p>
                    <p>&nbsp;&nbsp;2020-2021学年第一学期在金石滩校区学习的本科生（包含延迟毕业学生和联合培养本科生）。</p>
                    <p>三、选课流程及方法</p>
                    <p>&nbsp;&nbsp;具体流程请参考《本科生选课指南》。</p>
                    <p>四、选课注意事项</p>
                    <p>（一）请各位同学按学校规定时间报道，按时参加选课。选课前一定要认真学习选课通知、选课指南及相关材料，按照相关规定和说明进行网上操作。</p>
                    <p><span style="line-height: 200%">（二）下学期参加实习的2016级非师范专业学生请注意根据自己时间选择选修课程（前半学期实习的学生应选后半学期开设的课程，
                    后半学期实习的学生应选前半学期开设的课程）。下学期参加实习的2016级师范专业学生不参加本次选课。</span></p>
                    <p>（三）已考核通过并取得学分的课程，不允许再次选修，一门课程只计算一次学分。</p>
                    <p><span style="color: red;font-weight: bold;line-height: 200%">（四）检查课表：在选课的当天，每位同学一定检查并确认自己的课表，确保已经选课或退课成功，
                    选课结束后将不再受理各种选课、退课申请。检查方法：关闭所有浏览器再重新打开或者重启计算机，然后重新登录教务系统，查看自己的课表。</span></p>
                    <p>（五）选课期间如有疑问请及时与教学秘书联系，由教学秘书汇总问题后统一与教务处协商解决。另，选课期间请及时关注教务处网站上的相关选课通知。</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为确保选课工作的顺利开展，请各有关人员及同学严格遵守本通知相关规定，在学校规定时间内进行选课。请各学院教学秘书务必将本通知落实到每一位选课同学，
                    并及时解决好本院学生选课过程中的突发问题。</p>
                    <p  style="float: right; margin-right: 10px;">教 务 处</br>2019年7月11日</p>
                </div>
            </div>
            <div id="xuan3" class="tab-pane fade " > 
                <blockquote style="margin: 0px; border-color: cadetblue;">
                    <small style="font-size: 1px; line-height: 5px;">选课方案</small>
                </blockquote>
                <div class="tabbable" id="xuanan">
                    <ul class="nav nav-tabs">
                        <li class="active" ><a data-toggle="tab" href="#class1">通识课程</a></li>
                        <li ><a  data-toggle="tab" href="#class2">专业选修</a></li>
                        <li class="pull-right"><button type="button" class="btn btn-success btn-sm" onclick="onChoose()" >确定</button></li>
                    </ul>
                    
                    <div class="tab-content">
                        <div class="tab-pane active"  id="class1">
                            <div class=" xuanc">
                                  <table class="table table-bordered  table-hover table1">
                                    <thead>
                                      <tr class="warning">
                                        <th width="2%"></th>
                                        <th width="8%">课程ID</th>
                                        <th width="20%">课程名</th>
                                        <th width="7.5%">最大课容量</th>
                                        <th width="7.5%">剩余课容量</th>
                                        <th width="4%">学分</th>
                                        <th width="12%">教师</th>
                                        <th width="10%">周次</th>
                                        <th width="4%">星期</th>
                                        <th width="4%">节次</th>
                                        <th width="4%">节数</th>
                                        <th width="7%">教学楼</th>
                                        <th width="5%">教室</th>
                                      </tr>
                                    </thead>
                                    <tbody id="course-list3" >
                                    </tbody>
                                  </table>
                              </div>
                        </div>
                    
                        <div class="tab-pane"  id="class2">
                            <div class=" xuanc">
                                <table class="table table-bordered  table-hover table1">
                                  <thead>
                                    <tr class="danger">
                                        <th width="2%"></th>
                                        <th width="8%">课程ID</th>
                                        <th width="20%">课程名</th>
                                        <th width="7.5%">最大课容量</th>
                                        <th width="7.5%">剩余课容量</th>
                                        <th width="4%">学分</th>
                                        <th width="12%">教师</th>
                                        <th width="10%">周次</th>
                                        <th width="4%">星期</th>
                                        <th width="4%">节次</th>
                                        <th width="4%">节数</th>
                                        <th width="7%">教学楼</th>
                                        <th width="5%">教室</th>
                                    </tr>
                                  </thead>
                                  <tbody id="course-list4">
                                  </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="xuan4" class="tab-pane fade xuanc" style="height: 100%;" > 
                <div class="" style="height: 101%;">
                    <blockquote style="margin: 0px; border-color: cadetblue;">
                        <small style="font-size: 1px; line-height: 5px;">选课结果(已安排时间、地点)</small>
                    </blockquote>
                    <div>
                        <table  bordercolor="#ccc" cellpadding="5" cellspacing="0" class="table table-bordered"   id="myclass">
                            <thead>
                                <tr class="active"> 
                                    <th colspan="2"></th>
                                    <th>周一</th>
                                    <th>周二</th>
                                    <th>周三</th>
                                    <th>周四</th>
                                    <th>周五</th>
                                    <th>周六</th>
                                    <th>周日</th>
                                </tr>
                            </thead>
                            <tbody id="course-list2">
                            </tbody>
                        </table>
                    </div>
                    <blockquote style="margin: 0px; border-color: cadetblue;">
                        <small style="font-size: 1px; line-height: 5px;">已选课程</small>
                        <div class="progress"   style="width: 45%; height: 10px;  float: right;">
                            <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
                              <span class="sr-only">45% Complete(success)</span>
                            </div>
                            <div class="progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
                                <span class="sr-only">20% Complete (warning)</span>
                              </div>
                            <div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 35%">
                                <span class="sr-only">35% Complete (danger)</span>
                            </div>
                          </div>
                    </blockquote>
                    <div >
                        <table class="table table-bordered  table-hover " style="margin: 1%; width: 98%;">
                            <thead>
                              <tr class="info">
                                  <th width="2%"></th>
                                  <th width="8%">课程ID</th>
                                  <th width="20%">课程名</th>
                                  <th width="7.5%">最大课容量</th>
                                  <th width="7.5%">剩余课容量</th>
                                  <th width="4%">学分</th>
                                  <th width="12%">教师</th>
                                  <th width="10%">周次</th>
                                  <th width="4%">星期</th>
                                  <th width="4%">节次</th>
                                  <th width="4%">节数</th>
                                  <th width="7%">教学楼</th>
                                  <th width="5%">教室</th>
                              </tr>
                            </thead>
                            <tbody id="course-list1" >
                            </tbody>
                          </table>
                    </div>
                    <div style="height: 5%;"></div>
                </div>
            </div>
            <div id="xuan5" class="tab-pane fade" > 
                <blockquote style="margin: 0px; border-color: cadetblue;">
                    <small style="font-size: 1px; line-height: 5px;">课程核对</small>
                </blockquote>
                <div style="margin: 15px;">
                    <div class=" xuanc">
                        <table class="table table-bordered  table-hover table1">
                          <thead>
                            <tr class="info">
                                <th width="6%">学号</th>
                                <th width="10%">姓名</th>
                                <th width="8%">学院</th>
                                <th width="6%">课程号</th>
                                <th width="22%">课程名</th>
                                <th width="5%">学分</th>
                                <th width="5%">课程类型</th>
                                <th width="10%">核对按钮</th>
                            </tr>
                          </thead>
                          <tbody >
                            <tr>
                              <td>2018081623</td>
                              <td>丁韵旎</td>
                              <td>计算机科学与工程</td>
                              <td>9798549591</td>
                              <td>Ｊａｖａｓｃｒｉｐｔ程序设计</td>
                              <td>4.5</td>
                              <td>专业选修</td>
                              <td > <button type="button" class="btn btn-success btn-xs" >确认</button>
                                <button  type="button" class="btn btn-danger btn-xs">删除</button></td>
                            </tr>
                            <tr>
                                <td>2018081623</td>
                                <td>丁韵旎</td>
                                <td>计算机科学与工程</td>
                                <td>9798549591</td>
                                <td>Ｊａｖａｓｃｒｉｐｔ程序设计</td>
                                <td>4.5</td>
                                <td>专业选修</td>
                                <td > <p style="color: brown;">已核对</p></td>
                            </tr>
                            
                          </tbody>
                        </table>
                    </div>

                </div>
            </div>
            <div id="xuan6" class="tab-pane fade" > 
                <blockquote style="margin: 0px; border-color: cadetblue;">
                    <small style="font-size: 1px; line-height: 5px;">退选课程</small>
                </blockquote>
                <div style="margin: 15px;">
                    <div class=" xuanc">
                        <table class="table table-bordered  table-hover table1">
                          <thead>
                            <tr class="success">
                                <th width="6%">学号</th>
                                <th width="10%">姓名</th>
                                <th width="12%">学院</th>
                                <th width="6%">课程号</th>
                                <th width="22%">课程名</th>
                                <th width="5%">学分</th>
                                <th width="5%">课程类型</th>
                                <th width="6%">核对按钮</th>
                            </tr>
                          </thead>
                          <tbody >
                            <tr>
                              <td>2018081623</td>
                              <td>丁韵旎</td>
                              <td>计算机科学与工程</td>
                              <td>9798549591</td>
                              <td>Ｊａｖａｓｃｒｉｐｔ程序设计</td>
                              <td>4.5</td>
                              <td>专业选修</td>
                              <td > <button type="button" class="btn btn-warning btn-xs" >确认</button></td>
                            </tr>
                            <tr>
                                <td>2018081623</td>
                                <td>丁韵旎</td>
                                <td>计算机科学与工程</td>
                                <td>9798549591</td>
                                <td>Ｊａｖａｓｃｒｉｐｔ程序设计</td>
                                <td>4.5</td>
                                <td>专业选修</td>
                                <td > <button type="button" class="btn btn-warning btn-xs" >确认</button></td>
                            </tr>
                            
                          </tbody>
                        </table>
                    </div>

                </div>
            </div>
            <div id="xuan7" class="tab-pane fade" > 
              <blockquote style="margin: 0px; border-color: cadetblue;">
                <small style="font-size: 1px; line-height: 5px;">培养方案</small>
              </blockquote>
              <div class="xuanc hero-unit " contenteditable="true" style="margin: 2%; width: 96%;">
                <p><span style="line-height: 200%">通识教育必修课(最低修读学分:41,通过学分:36.0,已修课程门数:25,已通过课程门数:25,未通过课程门数:0)</br>
                  <span>🎄</span>[04100005]大学日语1</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[04100008]大学日语4</br>
                  <span>🎄</span>[04100009]大学俄语1</br>
                  <span>🎄</span>[04100012]大学俄语4</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[T1141101]大学体育（一）</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[T1141102]大学体育（二）</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[T1141103]大学体育（三）</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[T1141104]大学体育（四）</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[M1111101]民族理论与政策</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[14100005]思想道德修养与法律基础</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[14100006]马克思主义基本原理概论</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[14100007]中国近现代史纲要</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[14100008]毛泽东思想和中国特色会主义理论体系概论</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[10100011]职业发展与创业就业指导3</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[04100057]大学俄语3</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[10100009]职业发展与创业就业指导1</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[10100010]职业发展与创业就业指导2</br>
                  <span>🎄</span>[04100047]英语视听说1</br>
                  <span>🎄</span>[04100049]英语视听说2</br>
                  <span>🎄</span>[04100051]英语视听说3</br>
                  <span>🎄</span>[04100053]英语视听说4</br>
                  <span>🎄</span>[04100046]英语读写1</br>
                  <span>🎄</span>[04100046]英语读写2</br>
                  <span>🎄</span>[04100046]英语读写3</br>
                  <span>🎄</span>[04100046]英语读写4</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[04100054]大学日语2</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[04100055]大学日语3</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[04100056]大学俄语2</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[P0005-7]形势与政策7</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[P0005-8]形势与政策8</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[14100102]形势与政策2</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[14100103]形势与政策3</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[14100104]形势与政策4</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[14100105]形势与政策5</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[14100106]形势与政策6</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[08100011]中国传统文化</br>
                  <span>🎄</span>[08100012]大学语文</br>
                  <span>🎄</span>[08100013]大学生身心健康</br>
                  专业教育选修课(最低修读学分:22,通过学分:13.5,已修课程门数:4,已通过课程门数:4,未通过课程门数:0)</br>
                  <span>🎄</span>[05301122]计算机图形学</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[05301124]基础日语1</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[05301125]基础日语2</br>
                  <span>🎄</span>[45301154]大数据采集与存储</br>
                  <span>🎄</span>[45301156]移动游戏开发</br>
                  <span>🎄</span>[45301158]Oracle及应用</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301159]软件测试技术</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301160]UML与设计模式（双语）</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301161]信息检索</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301162]电子商务概论</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301163]游戏项目训练</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301164]高等数学（提高篇）（上）</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301165]高等数学（提高篇）（下）</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301366]IT认证A</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301367]IT认证B</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301368]机器学习</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301370]人工智能案例开发</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301384]数据可视化及应用</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301213]工作室课题A</br>
                  <span>🎄</span>[45301105]Web技术基础</br>
                  <span>🎄</span>[45301106]Servlets&JSP编程</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301107]企业级软件开发技术</br>
                  <span>🎄</span>[45301108]Ｊａｖａｓｃｒｉｐｔ程序设计</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301111]动漫与数码娱乐基础</br>
                  <span>🎄</span>[45301112]游戏开发入门</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301113]游戏技术基础</br>
                  <span>🎄</span>[45301114]研究性学习训练A</br>
                  <span>🎄</span>[45301115]研究性学习训练B</br>
                  <span>🎄</span>[45301116]研究性学习训练C</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[05301141]基础日语3</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301135]手机应用程序开发</br>
                  <span>🎄</span>[E1022]数据科学导论</br>
                  <span>🎄</span>[E1023]大数据分析与处理</br>
                  <span>🎄</span>[E3010a]Linux 及应用</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[E1024]大数据分析平台实践</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301139]物联网技术概论</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[E1027]算法设计与分析</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301151]Python编程及应用</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301248]数学建模</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301153]工作室课题B</br>
                  专业教育必修课(最低修读学分:12,通过学分:6.5,已修课程门数:2,已通过课程门数:2,未通过课程门数:0)</br>
                  <span>🎄</span>[45301102]软件工程</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301103]计算机网络</br>
                  <span>🎄</span>[45301134]Java语言</br>
                  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>[45301137]软件新技术讲座</br>
                  <span>🎄</span>[09200002]高等数学A2</br>
                  <span>🎄</span>[09200009]大学物理实验1</br>
                  <span>🎄</span>[09200010]大学物理实验2</br>
                  <span>🎄</span>[09200001]高等数学A1</br>
                  <span>🎄</span>[05201008]数据库概论</br>
                  <span>🎄</span>[45201018]操作系统</br>
                  <span>🎄</span>[45201019]离散数学</br>
                  <span>🎄</span>[09200020]大学物理1</br>
                  <span>🎄</span>[09200021]大学物理2</br>
                  <span>🎄</span>[45201002]面向对象程序设计</br>
                  <span>🎄</span>[45201012]程序设计基础</br>
                  <span>🎄</span>[45201013]数字逻辑与数字系统</br>
                  <span>🎄</span>[45201015]数据结构与算法</br>
                  <span>🎄</span>[49200010]概率与数理统计</br>
                  <span>🎄</span>[49200011]线性代数</br>
                  <span>🎄</span>[45201017]计算机组成原理</br>
    </span>
    </p>
              </div>
            </div>
            <div id="xuan8" class="tab-pane fade" >
                <blockquote style="margin: 0px; border-color: cadetblue;">
                    <small style="font-size: 1px; line-height: 5px;">个人信息</small>
               </blockquote>
                    <form action="#" method="get" class="form-horizontal" id="form1" style="margin-top: 5px;">
                      <div class="control-group">
                        <label class="label1">姓 名 :</label>
                          <input type="text"  class="input1" value="" disabled style="width: 160px;" id="name" />
                      </div>
                      <div class="control-group">
                        <label class="label1">学 号 :</label>
                          <input type="text"  class="input1" value="" disabled style="width: 120px;" id="sno" />
                      </div>
                      <div class="control-group">
                        <label class="label1">性 别 :</label>
                          <input type="text"  class="input1" value="" disabled style="width: 40px;" id="gender" />
                      </div>
                      <div class="control-group">
                        <label class="label1">学 院 :</label>
                          <input type="text" class="input1" value="" disabled style="width: 200px;" id="college" />
                      </div>
                      <div class="control-group">
                        <label class="label1">班 级 :</label>
                          <input type="text" class="input1" value="" disabled style="width: 80px;" id="classes" />
                      </div>
                      <div class="control-group">
                        <label class="label1">注册时间 :</label>
                          <input type="text" class="input1" value="" disabled style="width: 150px;" id="regTime" />
                      </div>
                      <div class="control-group" style="margin-bottom: 15px;">
                        <label class="label1">密 码 :</label>
                          <input class="input1" type="password" style="width: 180px;" id="firstInPw"></input>
                      </div>
                      <div>
                        <button type="button" class="btn btn-success btn-sm" style="margin-left: 160px;" id="xx1" >提 交</button>
                      </div>
                    </form>
                    <div id="xiug">
                      <h5 style="float: right; margin-top: 0px;"><span class="glyphicon glyphicon-remove-circle"  id="span1"></span></h5>
                      <div class="control-group" style="margin-bottom: 15px;">
                        <label class="label1">再次输入 :</label>
                          <input class="input1" type="password" style="width: 180px;" id="secInPw"></input>
                      </div>
                      <div class="control-group" style="margin-bottom: 15px;">
                        <label class="label1">原来密码 :</label>
                          <input class="input1" type="password" style="width: 180px;" id="lastPw"></input>
                      </div>
                      <div>
                        <input type="button" class="btn btn-success btn-sm" style="margin-left: 160px;" id="xx2" onclick="onChangePw()" value="保 存"></input>
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>